<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="/typst.ts/assets/style.css" />
    <script src="/typst.ts/index.js"></script>
    <script type="module" src="/typst.ts/typst-main.js"></script>
    <script src="/typst.ts/typst.js"></script>
    <title>Typst.ts</title>
  </head>
  <body>
    <div class="navigator">
      <ul>
        <li style="padding: 10px 40px">
          <a href="/typst.ts/">Typst.ts</a>
        </li>
        <li style="padding: 10px 40px">
          <a href="/typst.ts/preview.html">Preview Demo</a>
        </li>
        <!-- <li style="padding: 10px 40px">
          <a href="/typst.ts/">Packages</a>
        </li> -->
        <li style="padding: 10px 40px">
          <a href="/typst.ts">Docs</a>
        </li>
        <li style="padding: 10px 40px">
          <a href="https://github.com/Myriad-Dreamin/typst.ts/releases">Download</a>
        </li>
      </ul>
      <div class="clear"></div>
    </div>

    <p align="center">
      <a href="https://github.com/Myriad-Dreamin/typst.ts/actions/workflows/ci.yaml">
        <img
          alt="typst_ts::ci"
          src="https://github.com/Myriad-Dreamin/typst.ts/actions/workflows/ci.yaml/badge.svg"
        />
      </a>
      <a href="https://github.com/Myriad-Dreamin/typst.ts/blob/main/LICENSE">
        <img
          alt="Apache-2 License"
          src="https://img.shields.io/badge/license-Apache%202-brightgreen"
        />
      </a>
    </p>
    <div id="typst-app"></div>
  </body>
</html>
